<template>
 <div class="container">
     <div>
        
    <span class="a">储存管理</span> 
    <el-select class="d" v-model="value" placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
  </div>

<div class="createtime">
<span class="b">创建时间</span> 
    <el-date-picker
      v-model="input1"
      type="date"
      placeholder="选择日期">
    </el-date-picker>
</div>

<div class="c">
   
    <el-input
    size="mini"
    placeholder="请输入患者姓名"
    v-model="input2" >
    <el-button @click="searchfun" slot="append" icon="el-icon-search"></el-button>
  </el-input>
  
</div>

<div>
    <el-checkbox label="会员预警到期" name="type"></el-checkbox>
</div>
 </div>
</template>

<script>
export default {
data() {
      return {
        input1:'',
        input2:'',
        options: [{
          value: '选项1',
          label: ''
        }, {
          value: '选项2',
          label: ''
        }, {
          value: '选项3',
          label: ''
        }, {
          value: '选项4',
          label: ''
        }, {
          value: '选项5',
          label: ''
        }],
        value: '',
        input2:'',
          
      }
    },
    methods: {
        searchfun(){
            this.$emit('serchfunparent',this.input2)
        },
    },
}
</script>

<style lang="less" scoped>
   .container{
         height: 50px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin-top: 22px;
        // /deep/.el-input__inner{
        //     width: 120px;
        // }

         .a{
            margin-right: 20px;
         }
         .d{
            margin-right: 30px;
         }
        .createtime{
            display: flex;
            align-items: center;
            margin-right: 26px;
        }
        .b{
            width: 90px;
            margin-right: 20px;
        }
        .el-select{
            width: 120px;

        }
        .c{
            margin-right: 34px;
        }
       

   }


</style>